<style>
  .{{$template|escape:'html'}}_table1 {
    width: 1024px;
    height: 25px;
    margin: 20px 0 0 0;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 1024px;
    height: 60px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 1024px;
    text-align:center;
  }
  .{{$template|escape:'html'}}_td1 {
    background-color: #885b5d;
    font-weight:bold;
    font-size:11pt;
    color:#fff;
    width: 1024px;
    height: 25px;
    padding: 0 0 0 15px;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 1024px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
  }
  .{{$template|escape:'html'}}_td3 {
    background-color: #ebebe3;
    border-right:solid 1px #8f8f8a;
    border-left:solid 1px #ffffff;
    border-top:solid 1px #ffffff;
    width: 1024px;
    height: 5px;
  }
  .{{$template|escape:'html'}}_td12 {
    background-color: #ebebe3;
    border-right:solid 1px #8f8f8a;
    border-bottom:solid 1px #8f8f8a;
    border-left:solid 1px #ffffff;
    width: 1024px;
    height: 5px;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 150px;
    height: 30px;
    padding-left:15px;
    font-weight:bold;
    font-size:10pt;
    color:#694247;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td6 {
    font-weight: bold;
    width: 190px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 100px;
    height: 30px;
    font-weight:bold;
    font-size:10pt;
    color:#694247;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    font-weight: bold;
    width: 180px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 125px;
    height: 30px;
    font-weight:bold;
    font-size:10pt;
    color:#694247;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td10 {
    font-weight: bold;
    width: 140px;
    height: 30px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td11 {
    height: 15px;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td13 {
    width: 1000px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_cursor {
    cursor: pointer;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageSumExpenseParticluar.gui('{{$template|escape:'javascript'}}');
      new HandlePageSumExpenseParticular(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table class="page_width" cellPadding="0" cellSpacing="0">
  <tr>
    <td align="left" valign="top">
      <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
        <tr>
          <td align="center" valign="top">
            <table class="{{$template|escape:'html'}}_table1"  cellPadding="0" cellSpacing="0">
              <tr>
                <td class="{{$template|escape:'html'}}_td1">
                  Summarize
                </td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td3" align="center">
                  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
                  <tr>
                    <td class="{{$template|escape:'html'}}_td2" id="{{$template|escape:'html'}}_title_div" colSpan=6></td>
                  </tr>
                    <tr>
                      <td class="{{$template|escape:'html'}}_td5">
                        Total Expense
                      </td>
                      <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_receipt_div"></td>
                      <td class="{{$template|escape:'html'}}_td7">
                        Total Cash
                      </td>
                      <td class="{{$template|escape:'html'}}_td8" id="{{$template|escape:'html'}}_cash_div"></td>
                      <td class="{{$template|escape:'html'}}_td9">
                        Total Non-Cash
                      </td>
                      <td class="{{$template|escape:'html'}}_td10" id="{{$template|escape:'html'}}_nonCash_div"></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr><td class="{{$template|escape:'html'}}_td12" align="center"></td></tr>
            </table>
          </td>
        </tr>
        
        <tr>
          <td align="center">
            <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
              <tr>
                <td class="{{$template|escape:'html'}}_td1">
                  Detail
                </td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td3" align="center">
                  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
                    <tr>
                      <td class="{{$template|escape:'html'}}_td11" align="center"></td>
                    </tr>
                    <tr>
                      <td align="left">
                        <table cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_detail_table">
                          <tr><td width="1024px"></td></tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td12" align="center">
                  <table cellPadding="0" cellSpacing="0">
                    <tr>
                      <td class="{{$template|escape:'html'}}_td13" id="{{$template|escape:'html'}}_graph_div"></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
